import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

import CustomComponent from './components/CustomComponent'

// 以下为bpmn工作流绘图工具的样式
import 'bpmn-js/dist/assets/diagram-js.css' // 左边工具栏以及编辑节点的样式
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'
import 'bpmn-js-properties-panel/dist/assets/bpmn-js-properties-panel.css' // 右边工具栏样式
// import 'bpmn-js-in-color/colors/color-picker.css'
// import './styles/bpmn-properties-theme-red.css'
// import './styles/bpmn-properties-theme-blue.css'
// import './styles/bpmn-properties-theme-black.css'
// import './styles/bpmn-custom-color.css'

// import formCreate from '@form-create/ant-design-vue'

import KFormDesign from 'k-form-design'
import 'k-form-design/lib/k-form-design.css'
Vue.config.productionTip = false;

KFormDesign.setConfig({
  title: '基础控件',
  list: [
    {
      type: 'demo', // 组件类型
      label: '自定义组件', // 组件名称
      icon: 'icon-zidingyiyemian',
      component: CustomComponent, // 组件
      options: {
        defaultValue: undefined, // 默认值
        multiple: false, // 多选
        disabled: false, // 禁用
        width: '100%', // 宽度
        min: 0, // 最小值
        max: 99, // 最大值
        clearable: true, // 可清除
        placeholder: '请选择', // 占位内容
        showSearch: false // 可搜索
      },
      model: '', // 数据字段
      key: '',
      rules: [ // 校验规则
        {
          required: false,
          message: '必填项'
        }
      ]
    }
  ]
})
Vue.use(KFormDesign)

Vue.use(Antd);
// Vue.use(formCreate)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");
